<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta http-equiv="Content-Style-Type" content="text/css" />
		<meta http-equiv="Content-Script-Type" content="text/javascript" />
		<title>sample7</title>
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="interface.js"></script>
		<script type="text/javascript">
$(function(){
	$('#fisheye').Fisheye({
		maxWidth: 80,
		items: 'a',
		itemsText: 'span',
		container: '.fisheyeContainter',
		itemWidth: 80,
		proximity: 90,
		halign : 'center'
	});
});
		</script>
<style type="text/css" media="all">
#fisheye{
	margin-top:200px;
}
.fisheye{
	text-align: center;
	height: 200px;
	position: relative;
}
a.fisheyeItem{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}
.fisheyeItem img{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}

.fisheyeItem span{
	display: none;
	positon: absolute;
}
.fisheyeContainter{
	height: 200px;
	width: 700px;
	position: absolute;
}

</style>

	</head>
	<body>
		<div id="fisheye" class="fisheye">
			<div class="fisheyeContainter">
				<a href="#" class="fisheyeItem"><img src="images/icon1.jpg" width="80" /><span>Home</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon2.jpg" width="80" /><span>Feed</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon3.jpg" width="80" /><span>Email</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon4.jpg" width="80" /><span>Graph</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon5.jpg" width="80" /><span>Display</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon6.jpg" width="80" /><span>Print</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon7.jpg" width="80" /><span>Sound</span></a>
				<a href="#" class="fisheyeItem"><img src="images/icon8.jpg" width="80" /><span>Comment</span></a>
			</div>
		</div>
	</body>
</html>